Type selection for AR/VR字型選擇在AR/VR中的應用

Counters 字型空間

字型中的"空間"指的是字母內部的空白區域,比如"o"、"d"這樣的字母中間的圓形區域。而字母的"開口"則是指像"n"、"e"這樣字母中未完全封閉的區域。這些設計細節對AR/VR中的文字清晰度有重要影響。

由於渲染和光暈/色差的影響,小開口會呈現為封閉空間,導致"c"和"e"等字母形狀難以識別。Chivo regular 72 pt (在AR場景中),放大檢視。

字母的內部空白區域對遠處閱讀非常重要。如果字母內部空間太小或開口太窄,文字會變得難以辨認,特別是在小字號時。

Font weight 字型粗細

在解析度不高的AR/VR裝置上,字型容易變形和失真。

Stroke Contrast 筆畫對比度

高對比度字型的筆畫粗細變化明顯,而低對比度字型的筆畫粗細較為統一,但為了視覺效果會有細微調整。

左圖:在AR裝置中72號Playfair Display字型的細筆畫細節丟失。上方為30號原始設計對比。右圖:在AR中72號Source Serif Pro字型從楔形襯線變為板狀襯線。上方為30號原始設計對比。

字型粗細的差異越大(即對比度越高),顯示時就需要更多畫素,這意味著你要用更大的字號或更高畫質的裝置。所以在AR/VR裝置上,最好使用對比度低或中等的字型。另外,很多人認為襯線字型不適合AR/VR,這其實是個誤解 - 只要不是那種筆畫粗細差異特別大的襯線字型,都是可以用的。

Width 字寬

在AR中,文字經常會以不同角度顯示,這是為了讓內容更自然地融入虛擬環境。但這樣會讓文字看起來變形。當我們從側面看文字時(就像斜著看路標一樣),如果字型太窄,文字會顯得擠在一起,變得很難看清。在AR中這個問題更明顯,因為我們要閱讀的不只是簡單的標識,而是完整的文字內容。

這是72號Archivo Narrow字型在AR中的展示效果。圖片從上到下展示了三種不同視角:正面看(0度)、側面30度和側面50度。當視角變大時,字母會變得更擠,字母內部的空間也會變小。

X-height 小寫字母的高度

X字高是指小寫字母的高度,我們通常用小寫字母"x"來測量。如果字型的X字高比較大,即使字號一樣,看起來也會更大一些。X字高大的字型在複雜背景下更容易看清,因為字母裡面的空間更大。這對於像"a"、"e"、"s"這樣有三道橫線的字母特別有幫助。

雖然X字高大的字型更容易從遠處看清,但也要注意不能太大。如果X字高太大,不同的字母會看起來太相似,反而不好辨認。所以設計時要在字母高度和內部空間之間找到一個合適的平衡。

大x字高的小寫"h"(左)在AR中可能因細節丟失而看起來像"n"(右,放大檢視)。

Joints/Intersections 字型筆畫連線處

字型設計中,筆畫連線的地方通常會做得細一些,這樣看起來更自然。但在AR/VR裝置上,因為螢幕發光的原因,這些連線處可能會變形或看起來特別亮,影響我們閱讀文字。特別是那些筆畫粗細變化不大的字型,這個問題會更明顯。

在選擇字型時,我們需要注意以下幾點:

Stroke Endings 字型筆畫末端的設計

在AR/VR裝置上,字母的邊緣會因為螢幕發光變得模糊,看起來更圓潤。這會讓字母看起來比實際設計的要小一些。這種模糊的效果會影響文字的清晰度和美觀性。

字型筆畫末端的設計對AR/VR裝置的顯示效果很重要。粗壯、帶直線襯線或圓潤的字型效果較好。

上圖展示了Open Sans(左)和Nunito(右)兩種字型,雖然一個是直線末端一個是圓形末端,但在AR中看起來很相似。兩種字型在AR中都是72號,上方參考字串是30號。

Letter spacing 字距

在AR/VR中,文字之間要留適當的空間才能看得清楚。如果字母擠得太近,就會變得難以閱讀。特別是當文字從不同角度看時,字母可能會重疊在一起,所以要把間距適當加大一些。

另外,因為AR/VR裝置的螢幕會發光和產生色差,我們在調整字距時也要考慮這些因素。間距大小要根據不同字型的特點來調整,既要讓文字容易閱讀,又要確保每個字母都能看得清楚。